import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import ElementUI, { Message } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import axios from 'axios'
import VueQuillEditor from 'vue-quill-editor'

// require styles
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

// 引入全局样式
import './assets/global.less'

Vue.use(VueQuillEditor /* { default global options } */)

// 注册全局组件，挂载一些原型方法 $message  $confirm
Vue.use(ElementUI)

// 设置根路径
axios.defaults.baseURL = 'http://www.liulongbin.top:3008'

// 挂载到 Vue 原型上
// 将来如果要往 Vue 的原型上挂东西  ，以$开头
//  无法预测未来别人写代码的时候名称的时候产生冲突
Vue.prototype.$axios = axios

Vue.config.productionTip = false

// 设置请求拦截器
axios.interceptors.request.use(function(config) {
  // console.log(store)
  const token = store.state.user.token
  if (token) {
    config.headers.Authorization = token
  }
  return config
}, function(error) {
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function(response) {
  // 对响应数据做点什么
  store.commit('user/getTokenFalg', 0)
  return response
}, function(error) {
  // 对响应错误做点什么
  if (error.response.status === 401) {
    //  清空token
    store.commit('user/updateToken', '')
    // 跳转到登陆页
    router.push('/login')
    // 响应失败,判断是否为第一次弹出警告,为0则是第一次弹出警告
    if (store.state.user.tokenFlag === 0) {
      Message.error('token 已过期')
      // 第一次弹出警告后, 将 tokenFlag 置为 1
      store.commit('user/getTokenFalg', 1)
    }
  }

  return Promise.reject(error)
})

// ESLint 报错信息解决方案：
// 1. 人肉解决 一行一行对照修改
// 2. lint 命令解决  npm run lint
// 3. 自动按照 ESLint 语法格式化

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
